
<style type="text/css">
.contract h3{
    text-align: center;
}
.contract .h4-title {
    background: #F5F5F5;
    padding :10px 0px;
    margin: 20px 0px;
}
.contract .h4-title .vertical-line{
    border-left: 2px solid #FF6138;
    margin: 5px 0px 5px 20px;
    padding-left: 10px;
}
.contract .span-tips{
    color: #FF9A6D;
    margin-left: 35px;
    font-size: 12px;
}
.contract .condition-detail {
    border: 0px;
    height: 100px;
}
.contract .condition-supplement {
    border: 1px solid #ccc;
    height: 100px;
}
.underline {
    text-decoration: underline;
}
</style>
<div class="contract" ng-controller="editContractCtrl" >
<div class="ngdialog-message">
    <h3>编辑租房合同</h3>
    <form class="form-horizontal" name="createContract">
        <div class="h4-title"><span class="vertical-line">租客信息</span></div>
        <div class="form-group">
            <div class="col-lg-3 col-lg-offset-1">
                <input type="text" name="name" class="form-control" placeholder="租客姓名" ng-model="params.tenantsName" required >
            </div>
            <div class="col-lg-3">
                <input type="text" name="Phone" class="form-control" placeholder="手机号" ng-model="params.tenantsPhone" required >
            </div>
            <div class="col-lg-3">
                <input type="text" name="Phone" class="form-control" placeholder="身份证" ng-model="params.idCard" required >
            </div>
        </div>

        <div class="h4-title"><span class="vertical-line">租客银行信息</span></div>
        <div class="form-group">
            <div class="col-lg-3 col-lg-offset-1">
                <input type="text" name="bankAccount" class="form-control" placeholder="租客银行卡号" ng-model="params.tenantsInfo.bankAccount" >
            </div>
            <div class="col-lg-3">
                <input type="text" name="tenantBankMobile" class="form-control" placeholder="租客银行预留手机号" ng-model="params.tenantsInfo.tenantBankMobile" >
            </div>
        </div>

        <div class="h4-title"><span class="vertical-line">紧急联系人信息</span></div>
        <div class="form-group">
            <div class="col-lg-3 col-lg-offset-1">
                <ui-select ng-model="contactRelationship.selected" theme="bootstrap">
                    <ui-select-match placeholder="请选择紧急联系人关系...">{{$select.selected.name}}</ui-select-match>
                    <ui-select-choices repeat="item in contactRelationshipList | filter: $select.search">
                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
            <div class="col-lg-3">
                <input type="text" name="contactName" class="form-control" placeholder="紧急联系人姓名" ng-model="params.tenantsInfo.contactName">
            </div>
            <div class="col-lg-3">
                <input type="text" name="contactMobile" class="form-control" placeholder="紧急联系人电话" ng-model="params.tenantsInfo.contactMobile">
            </div>
        </div>

        <div ng-controller="TimeCtrl">
            <div class="h4-title"><span class="vertical-line">起租／到期</span></div>
            <div class="form-group">
                <label class="col-lg-3 control-label">总租期（包含固定期及灵活期）</label>
                <div class="col-lg-8">
                    <div class="input-group w-md pull-left">
                      <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="params.leaseStartTime" is-open="openLeaseBeginDated" datepicker-options="dateOptions" ng-required="true" close-text="关闭" clear-text="清除" current-text="今天" />
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="openLeaseBeginDate($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span>
                    </div>
                    <span class="pull-left">&nbsp;&nbsp;-&nbsp;&nbsp;</span>
                    <div class="input-group w-md pull-left">
                      <input type="text" class="form-control" readonly="readonly" datepicker-popup="{{format}}" ng-model="params.leaseEndTime" is-open="openLeaseEndDated" datepicker-options="dateOptions" ng-required="true" close-text="关闭" clear-text="清除" current-text="今天" />
                      <!-- <span class="input-group-btn">
                        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span> -->
                    </div>
                    <!-- <span class="span-tips">默认选择起租日期后24个月后为到期日</span> ng-click="openLeaseEndDate($event)"-->
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-3 control-label">固定租期（不可违约租期）</label>
                <div class="col-lg-8">
                    <div class="input-group w-md pull-left">
                      <input type="text" class="form-control" readonly="readonly" datepicker-popup="{{format}}" ng-model="params.fixationStartTime" is-open="openFixationBeginDated" datepicker-options="dateOptions" ng-required="true" close-text="关闭" clear-text="清除" current-text="今天" />
                     <!--  <span class="input-group-btn">
                        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span> -->
                    </div>
                    <span class="pull-left">&nbsp;&nbsp;-&nbsp;&nbsp;</span>
                    <div class="input-group w-md pull-left">
                      <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="params.fixationEndTime" is-open="openFixationEndDated" datepicker-options="dateOptions" ng-required="true" close-text="关闭" clear-text="清除" current-text="今天" />
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="openFixationEndDate($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span>
                    </div>
                    <!--ng-click="openFixationBeginDate($event)" <span class="span-tips">固定期内不可以退租，退租要扣除一个月押金</span> -->
                    <!-- <button type="button" class="btn btn-default" ng-click="confirmDate()" style="margin-left: 15px;">确认</button> -->
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-3 control-label">灵活租期（优先续租期）</label>
                <div class="col-lg-8">
                    <div class="input-group w-md pull-left">
                      <input type="text" class="form-control" readonly="readonly" datepicker-popup="{{format}}" ng-model="params.noFixationStartTime" is-open="openNoFixationBeginDated" datepicker-options="dateOptions" ng-required="true" close-text="关闭" clear-text="清除" current-text="今天" />
                      <!-- <span class="input-group-btn">
                        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span> -->
                    </div>
                    <span class="pull-left">&nbsp;&nbsp;-&nbsp;&nbsp;</span>
                    <div class="input-group w-md pull-left">
                      <input type="text" class="form-control" readonly="readonly" datepicker-popup="{{format}}" ng-model="params.noFixationEndTime" is-open="openNoFixationEndDated" datepicker-options="dateOptions" ng-required="true" close-text="关闭" clear-text="清除" current-text="今天" />
                      <!-- <span class="input-group-btn">
                        <button type="button" class="btn btn-default"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span> -->
                    </div>
                    <!--ng-click="openNoFixationBeginDate($event)" <span class="span-tips">非固定期内可以优先续租，如退租不需要扣除押金</span> ng-click="openNoFixationEndDate($event)"-->
                </div>
            </div>
        </div>

        <div class="h4-title"><span class="vertical-line">支付方式</span></div>
        <div class="form-group">
            <label class="col-lg-2 control-label">实际租金</label>
            <div class="col-lg-3">
                <input type="text" class="form-control" placeholder="" ng-model="params.rent" required style="width: 100px;display: inline-block;">&nbsp;&nbsp;元/月
            </div>
        </div>
<!-- 2017.2.28 by zrug: 暂时不要，以后马上会要
        <div class="form-group">
            <label class="col-lg-2 control-label">加收费用</label>
            <div class="col-lg-10">
            <other-expense export-source="otherExp"></other-expense>
            </div>
        </div>
         -->
        <div class="form-group">
            <label class="col-lg-2 control-label">支付方式</label>
            <div class="col-lg-3">
                <ui-select ng-model="payType.selected" theme="bootstrap">
                    <ui-select-match placeholder="请选择支付方式...">{{$select.selected.name}}</ui-select-match>
                    <ui-select-choices repeat="item in payTypeList | filter: $select.search">
                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-2 control-label">押金</label>
            <div class="col-lg-3">
                <input type="text" class="form-control" placeholder="" ng-model="params.deposit" required style="width: 100px;display: inline-block;">&nbsp;&nbsp;元/月
            </div>
        </div>
        <div class="form-group">
            <label class="col-lg-2 control-label">交租日</label>
            <div class="col-lg-3">
                <div class="input-group m-b">
                    <span class="input-group-addon">每月</span>
                    <input type="text" ng-model="payDay" class="form-control">
                </div>
            </div>
            <span class="control-label" style="height: 34px;line-height: 34px;">日</span>
            <label ng-show="alertMsg" style="margin-left: 25px;">注意：</label>
            <!-- <label>若逾期不付则当月 <span class="underline"> {{powerOff}} </span> 号断电，当月<span class="underline"> {{lockOff}} </span>号断锁，当月 <span class="underline"> {{mastOff}} </span>号清退</label> -->
            <label>若逾期不付则在一天后断电，两天后断锁，三天后将清退租客。</label>
        </div>
        <div class="form-group">
            <label class="col-lg-2 control-label">当前已交</label>
            <div class="col-lg-1">
                <ui-select ng-model="payRent.selected" theme="bootstrap">
                    <ui-select-match>{{$select.selected.name}}</ui-select-match>
                    <ui-select-choices repeat="item in payRentList | filter: $select.search">
                        <div ng-bind-html="item.name | highlight: $select.search"></div>
                    </ui-select-choices>
                </ui-select>
            </div>
            <span class="control-label" style="height: 34px;line-height: 34px;">个月租金</span>
            <!-- <span class="control-label" style="margin-left: 40px;">租客第一期租金将在 {{rentDate}} {{params.PayDay2}} 交租</span> -->
        </div>
        <div class="h4-title"><span class="vertical-line">条约详情</span></div>
        <div class="form-group">
            <textarea class="col-lg-12 condition-detail" readonly="readonly">
房 屋 租 赁 合 同
出租方：(以下简称甲方)
地址：    
承租方：(以下简称乙方)
证件号码：
联系地址：
电话：
甲乙双方根据中华人民共和国法律和上海市有关法规，就租赁房屋事宜，经双方协商一致订立租赁合同如下：
第一条：出租房屋
1.   地址：  【路】 【号/弄/单元/栋】 【楼/层】  【室】  【房间】(以下简称该房屋)
第二条：租赁部位及面积
甲方将该房屋在完全装修且良好状态下出租给乙方，租用建筑面积总计  平方米。
第三条：租赁目的
3.1乙方向甲方承诺，租赁该房屋作为  居住  使用，并遵守国家和本市有关房屋使用和房屋管理的规定。
3.2  乙方保证：在租赁期内未征得甲方书面同意以及按规定须经有关部门审批核准前，不擅自改变上款约定的使用用途，不得群租，不得作为商用，否则将视为违约赔偿两个月的租金为违约金。
第四条：租赁期限
1. 租赁期 24 个月 自       年    月    日起至     年   月   日。
租赁期前    个月为固定期；（自       年    月    日起至     年   月   日）
租赁期后   个月为非固定期。（自       年    月    日起至     年   月   日）
非固定期内，乙方可以提前 1 个月书面通知对方解除合同，租金支付至合同解除日。乙方最早可于固定期的最后一个月起（即     年    月   日起）出具书面解释合同的通知，并最早可于固定期到期日（即第12个月底）解除合同。乙方在非固定期内解除本合同不承担本合同项下的任何违约责任，且该情况下甲方在与乙方结清费用后，甲方应将押金不计利息全额退还给乙方。
2.   乙方须在起租前10天与甲方签署此合同，供甲方安排家具及配套事宜，如由于不足10天所引起的配套问题，甲方概不负责。
3.   租赁期满，甲方有权收回全部出租房屋，乙方应如期或提前交还；乙方若要求续租或退租该房屋，须在本合同期满前一个月向甲方提出书面申请，经双方洽商并同意新租约条件后重新签订租赁合同或续租合同。
第五条：租金与费用
1    租金与支付
1.1 自     年   月   日起至      年   月   日止，每月人民币        元
1.2 乙方支付租金的方式为付_____押_____，乙方应当于每月_____日前向甲方支付房租。
1.3 租金须预付，乙方将于起租日前七个工作日内支付首月租金与押金. 
2    所有的租金税费、物业管理费、有线电视安装及收视费不包括在房屋租金内。甲方应提供正式财税发票给乙方。
3    甲方提供的第三方房屋增值服务平台为【盈家生活】及对应提供的APP、400电话和相关其指定的服务页面。
4    其他费用：
4.1   乙方在租赁期间所用水、电、煤气、电话 等费用，按账单由乙方支付(如有)。 
      本合同签署时，该房屋的水、电、煤气初始读表数为：
      水：【】
      电：平【】谷【】
       煤气：【】          
   租赁房屋内的清洁工作，由乙方负责。
5    租房押金
5.1     签订本合同时，乙方向甲方交付人民币        元作为租赁该房屋的押金 。 
5.2  押金不计利息，租赁期满并结清所有费用后，以人民币币种金额形式退还至乙方提供的指定银行账号。
5.3  乙方如逾期未付租金或未按本合同规定支付费用时，甲方可先将押金的一部分(相当于逾期未付之费用)扣除后通知乙方，并保留索赔权。
5.4  押金扣除被没收部分后，乙方应在收到甲方通知后7天内，补足其被没收部分的押金。
5.5 本合同终止时，乙方须将租赁房屋全部归还甲方。乙方在清偿应承担的一切费用后，甲方于一个月内把剩余押金无息退还给乙方指定的银行账户。
6      乙方的所有应缴租金与费用都必须以乙方的名义付款。租金支付到甲方指定帐户。
7.乙方未按照合同约定的交租日支付租金的，甲方有权对乙方居住房屋采取以下措施：
(1)逾期24小时后未支付租金的，甲方有权切断对乙方居住房屋的电力供应；
(2)逾期48小时后未支付租金的，甲方有权封锁乙方居住房屋的房门；
(3)逾期72小时后未支付租金的，甲方有权直接清退乙方并清理房屋，由此产生的一切损失和责任由乙方负责。
乙方在上述（1）、（2）情形发生的24小时内支付相应的租金的，甲方在收到租金后24小时内会及时恢复供电或解锁门锁等，乙方可继续正常使用房屋。
第六条：甲方的权利和义务
租赁期内甲方不得无故收回该房屋。
甲方定期对房屋设备进行维修保养。
甲方应做好房屋的安全管理工作。
甲方由于房屋的保养、维修、防盗防火、救护或其他管理上的需要，须进入乙方房屋检查时，应事先通知乙方，必要时可采取必要的措施。但遇到紧急情况，可告知乙方，乙方应予协助和支持。
因自然灾害及不可抗力事件，或非甲方故意造成，或非甲方重大过失造成火灾、盗窃而引起的损害，甲方不负任何责任。
乙方因被其它客户牵连而蒙受损失时，甲方不负任何责任。
第七条：乙方的权力和义务
乙方应按本合同各项规定缴付费用。
乙方不能将租赁的房屋全部或部分转租给第三者或让第三者使用。
除房屋内已有的装饰和设施之外，乙方需重新装修时，必须事先报请有关部门批准，并得到甲方的书面同意后才可实施。租赁期满必须回复原状(合理损耗除外)并承担一切费用。经甲方验收合格后归还甲方。
乙方有义务妥善使用所租赁房屋内的家具及电器，若因使用不当而造成损坏，乙方须照价赔偿。如乙方不支付，甲方有权扣除部分或全部押金并保留索赔权。
乙方承诺放弃优先购买权。
第八条：合同解除及索赔
乙方如发生以下行为时，甲方在协商不成的情况下可通知乙方解除本合同，甲方除有权没收乙方的租房押金外，同时可封存所租赁房屋内的所有物品，并保留索赔权：
1.租金及其他费用超过3日以上未付。
2.租赁房屋的使用违反本合同第三条规定。
第九条：协商解约
在租赁期的固定期内，甲乙双方均不得解除本合同。若要解除，视为违约。如甲方违约，甲方将赔偿给乙方相当于租房押金的违约金。如乙方违约，乙方除付清解除合同时应付款项外，甲方有权没收乙方支付的租房押金作为违约金。
合同签订后，租赁期开始前由于乙方的原因解除合同，乙方须向甲方偿付相当于已缴纳租房押金额的违约金和其他补偿。
第十条：不可抗力
因自然灾害及不可抗力事件致使房屋的全部或一部分毁坏，导致乙方租赁房屋不能正常使用时，甲方不负赔偿责任，但甲方应协同乙方共同处理善后事宜。
第十一条：通知的义务
甲、乙双方所发的通知均采用书面形式。
乙方的联系方式若发生变更时，须及时直接书面通知甲方。
双方理解相互配合的重要意义，在本合同到期前的一个月内，乙方理解并同意甲方在该租赁期间可以带看该套房屋，而且会尽力配合好甲方的工作。
第十二条：租赁房屋的归还
合同终止时，乙方应将租赁房屋属于乙方所有的一切物品(包括装修、各类设备)全部撤出，使租赁房屋恢复原状，经甲方验收后归还甲方。
租赁房屋归还给甲方后，乙方若仍有物品遗留在租赁房屋内，则视为乙方丢弃物品，甲方可自由处置。
合同终止时，乙方如不能将租赁房屋及时归还，甲方除没收乙方的租房押金外，乙方还必须赔偿甲方的所有直接和间接损失。
第十三条：违约事件
乙方违约事件发生后，甲方无论收取租金或其他费用与否，都会追究乙方违约责任的权利，乙方未按合同规定付足租金或其他费用，甲方有权要求乙方对不足部分继续履行支付的义务，也有按本合同法律规定采取其他措施的权利。
第十四条：陈述
本合同是在甲、乙双方完全自愿基础上签订的，定约前所有的议案、约束，声明均无效。
第十五条：争议的解决
甲、乙双方在执行本合同的过程中发生争议时，由双方友好协商解决；协商不成，应向有管辖权的中华人民共和国法院提出诉讼。
第十六条：法律依据
本合同受中华人民共和国的法律管辖。
第十七条：附件
本合同附件、《家具及物品清单》与本合同具有同等法律效力，并作为本合同之附件。若附件与本合同有冲突，以附件为准。
第十八条：未尽事宜
未尽事宜，由甲、乙双方协商解决。所签订的补充协议与本合同具有同等法律效力，并作为本合同之附件。
第十九条：效用
本合同自甲、乙双方签订之日起生效，一式三份，甲乙双方及房屋管理委托方（如有）各执一份。
第二十条：甲方指定收款方式
甲乙双方共同同意，乙方必须通过盈家生活APP方式的方式向甲方支付任何本合同项下的租金、押金或其他费用。
第二十一条：乙方联系方式
1.   户籍地址：
联系电话：
紧急联系人：
2.   退款指定银行账户：
开户行：
户名：
如果乙方上述信息有变更，应不少于30天内通知甲方。

甲方： 
代表签署：
日期： 
乙方：    
代表签署： 
日期：
            </textarea>
        </div>
        <div class="h4-title"><span class="vertical-line">补充条款</span></div>
        <div class="form-group">
            <div class="col-lg-12">
                <textarea class="col-lg-12 condition-supplement" ng-model="params.supplement"></textarea>
            </div>
        </div>
    </form>
    
</div>
<div class="ngdialog-buttons">
    <button type="button" class="ngdialog-button ngdialog-button-secondary" ng-click="closeThisDialog()">取消</button>
    <button type="button" class="ngdialog-button ngdialog-button-primary" ng-disabled="createContract.$invalid" ng-click="makeSureConfirm()">确认</button>
</div>
</div>